.engineering-top{
	padding:rem(20) rem(30) rem(30);
	h2{
		font-size: rem(36);
		line-height: rem(54);
		text-align: center;
	}
	&>p{
		font-size: rem(28);
		color: $gray9;
		height: rem(88);
		i{
			display: flex;
			font-size: rem(32);
			margin-right: rem(16);
			&:last-child{
				margin-left:rem(88);
			}
		}
	}
	.table{
		table{
			width: 100%;
			tr{
				td{
					line-height: rem(40);
					padding:rem(10) rem(30);
					font-size: rem(26);
					border:1px solid #dddddd;
					&:nth-child(1){
						color: $gray9;
						width: 35%;
					}
				}
				&:nth-child(2n+1){
					background-color: #f7f7f7;
				}
			}
		}
	}
}
.engineering-item{
	border-top: rem(20) solid #f7f7f7;
	padding:rem(30);
	h2{
		font-size: rem(34);
		line-height: rem(34);
		color: $black;
		text-indent: rem(26);
		position:relative;
		&::before{
			content:'';
			width: rem(6);
			height: rem(34);
			border-radius: rem(3);
			background-color: #47ca93;
			position:absolute;
			left: 0;
			top: 0;
		}
	}
	h3{
		height: rem(32);
		font-size: rem(32);
		color: $gray6;
		margin-top: rem(38);
		margin-bottom:rem(18);
		i{
			font-size: rem(34);
			color: #47ca93;
			margin-right: rem(14);
			display: flex;
		}
	}
	.table{
		margin-top: rem(30);
		table{
			width: 100%;
			tr{
				th{
					height: rem(60);
					line-height: rem(60);
					font-size: rem(26);
					background-color: #f7f7f7;
					font-weight: 400;
				}
				td{
					line-height: rem(36);
					padding:rem(16) 0;
					font-size: rem(22);
					text-align: center;
					color: $gray6;
					border-bottom:1px solid #dddddd;
					&:last-child{
						text-align:left;
					}
				}
				&:last-child{
					td{
						border:none;
					}
				}
			}
		}
	}
	ul{
		overflow: hidden;
		padding:rem(20) 0;
		border-bottom:1px dashed #dddddd;
		li{
			width: (100%/2);
			float: left;
			padding-right: rem(20);
			p{
				font-size: rem(34);
				line-height: 1;
				color: $black;
			}
			span{
				display: block;
				margin-top: rem(20);
				font-size: rem(26);
				line-height: rem(40);
				color: $gray9;
			}
			&:last-child{
				text-align:right;
				padding-right: rem(0);
				padding-left: rem(20);
				p{
					color: #47ca93;
				}
			}
		}
	}
	.engineering-content{
		padding:rem(30) 0 rem(100);
		font-size: rem(28);
		line-height: rem(48);
		color: $gray6;
		position:relative;

		.read{
			position:absolute;
			width: 100%;
			height: rem(100);
			background-color: $white;
			left: 0;
			bottom:0;
			z-index: 9;
			a{
				color: $gray9;
				font-size: rem(30);
				i{
					font-size: rem(24);
					margin-left: rem(10);
					display: flex;
				}
			}
			&::after{
				content:'';
				width: 100%;
				height: rem(60);
				position:absolute;
				top: rem(-60);
				left: rem(0);
				@include background-gradient(rgba(255,255,255,0), rgba(255,255,255,1),-180deg);
			}
		}
		&.active{
			padding:rem(30) 0 rem(130);
		}
		table{
			width: 100%;
			tr{
				td{
					line-height: rem(36);
					padding:rem(10) rem(10);
					font-size: rem(24);
					border:1px solid #dddddd;
					word-break:break-all;
				}
				&:nth-child(2n+1){
					background-color: #f7f7f7;
				}
			}
		}
		&>*{
			max-width: 100%;
			text-indent: 0;
		}
	}
}
.Headers {
	padding: rem(0) rem(30) rem(0);
	overflow: hidden;
	@include background-gradient(#24aa75, #61c252,90deg);

	.title {
		height: rem(92);
		color: $white;
		position: relative;

		h1 {
			font-size: rem(32);
			@extend %middle;
		}

		.back {
			a {
				color: $white;

				.iconmore {
					font-size: rem(36);
				}

				.iconhblogo {
					font-size: rem(66);
				}
			}
		}

		.user {
			color: $white;

			i {
				font-size: rem(32);
			}
		}
	}

	.Searchs {
		position: relative;
		overflow: hidden;
		margin-bottom:rem(18);

		input {
			width: 100%;
			height: rem(66);
			border-radius: rem(33);
			background-color: rgba(255,255,255,0.2);
			font-size: rem(26);
			line-height: rem(46);
			text-indent: rem(66);
			color: #fff;
			&::placeholder{
				color: #c6e6d6;
			}
		}

		i {
			position: absolute;
			left: rem(20);
			top: 50%;
			transform: translateY(-50%);
			color: #c6e6d6;
			font-size: rem(28);
		}
	}

	a {
		display: flex;
	}

	&.course {
		@include background-gradient(#0090ff, #00c6f8,90deg);
	}
}
